import { useTheme } from "@emotion/react";
import { ButtonBase, Typography } from "@mui/material";
import { useNavigate } from "react-router-dom";

const GdtxCard = () => {
  const navigage = useNavigate();
  const theme = useTheme();
  return (
    <ButtonBase
      onClick={() => navigage(`/forum?name=广东省图象图形学会粤港澳学术会议`)}
      sx={{
        ...theme.forums.forumGroup.forumCard.sx,
        borderRadius: "1rem 1rem 1rem 1rem",
        backgroundImage: `linear-gradient(300deg, #04254e, #083e82)`,
        borderColor: "#0c57b5",
      }}
    >
      <Typography
        sx={{
          fontSize: "clamp(1.2rem, 1.1rem + 1vw, 1.8rem)",
          color: theme.forums.forumGroup.forumCard.color,
        }}
      >
        广东省图象图形学会粤港澳学术会议
      </Typography>
    </ButtonBase>
  );
};

export default GdtxCard;
